<!DOCTYPE html>

<html lang="en" class=" transition">
<!--<html manifest="cache.appcache" class=" transition">-->
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
    <title>HTML5 Presentation</title>

    <link id="reset-css" href="includes/css/reset.css" rel="stylesheet" media="screen">
	<link id="slides-css" href="includes/css/slides.css" rel="stylesheet" media="screen">

    <link id="prettify-link" href="includes/css/prettify.css" rel="stylesheet" disabled="">
    <!--<link href="includes/css/moon.css" class="theme" rel="stylesheet" >
    <link href="includes/css/sand.css" class="theme" rel="stylesheet" disabled="">
    <link href="includes/css/sea_wave.css" class="theme" rel="stylesheet" disabled="">-->
    <link href="includes/css/default.css" class="theme" rel="stylesheet" media="screen">
    <link href="includes/css/common.css" rel="stylesheet" media="screen">
    
	<script src="includes/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="includes/js/slides.js" type="text/javascript" charset="utf-8"></script>
	
  <!-- phonegap
  <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
  -->
  
  </head>
  <body>
  
    <aside id="slide-control">
    <nav id="helpers">
      <button title="Previous slide" id="nav-prev" class="nav-prev">⇽</button> 
      <button title="Jump to a random slide" id="slide-no">1</button> 
      <button title="Next slide" id="nav-next" class="nav-next">⇾</button>
      <menu>
        <!--<button type="checkbox" data-command="toc" title="Table of Contents" class="toc">TOC</button>-->
        <!-- <button type="checkbox" data-command="resources" title="View Related Resources">☆</button> -->
        <!-- <button type="checkbox" data-command="notes" title="View Slide Notes">✏</button>
        <button type="checkbox" data-command="source" title="View slide source">↻</button>
        <button type="checkbox" data-command="help" title="View Help">?</button>-->
      </menu>
    </nav>
    <section>
    	<div class="slide-control-content">
		<div>	
				<audio id="audio-no" controls><!--
					<source src="media/Slide.mp3" />
					<source src="media/Slide.ogg" />
					<embed src="media/Slide.mp3" autostart="true" />
					Your browser does not support the <code>audio</code> element.-->
				</audio>
			</div>
			
		
		<footer>
			<small>Made using <a href="http://code.google.com/p/slidespeech/"><b>SlideSpeech</b></a></small>
			<small>Text-to-Speech by <a href="{{ ttsURL }}"><b>{{ ttsEngine }}</b></a></small>
		</footer>
		
		</div>
    	<div class="slide-control-toggle"></div>
		
    </section>
    </aside>
    
    <div class="presentation">
      <div id="presentation-counter">1</div>
      <div class="slides" style="display: block; ">
      
		{% for n in slideNumbers %}
	        <div class="slide" id="slide{{ n }}-slide">
	          <section>
	            <iframe scrolling="no" _src="source/slide{{ n }}/index.html" src=""></iframe>
	          </section>
	          <!--<aside class="note">
	            <section>
	              Welcome! (This field is for presenter notes and commentary.)
	            </section>
	          </aside> -->
	        <span class="counter"></span></div>
		{% endfor %}

<!-- TABLE OF CONTENTS SLIDE -->
<!--
        <div class="slide distant-slide" id="table-of-contents">
          <style>
            
          </style>
          <section>
            <ul id="toc-list">
            <li><a data-hash="slide1-slide">Slide 1</a></li>
            <li><a data-hash="slide2-slide">Slide 2</a></li>
            <li><a data-hash="slide3-slide">Slide 3</a></li>
            <li><a data-hash="slide4-slide">Slide 4</a></li>
            </ul>
          </section>
        <span class="counter"></span></div>
-->
      </div> <!-- slides -->
      <div id="speaker-note" class="invisible" style="display: none;">
              Welcome! (This field is for presenter notes and commentary.)
            </div> <!-- speaker note -->
      <aside id="help" class="sidebar invisible" style="display: hidden;">
        <table>
          <caption>Help</caption>
          <tbody>
            <tr>
              <th>Move Around</th>
              <td>←&nbsp;→</td>
            </tr>
            <!--<tr>
              <th>Source File</th>
              <td>s</td>
            </tr>
            <tr>
              <th>Change Theme</th>
              <td>t</td>
            </tr>
            <tr>
              <th>Syntax Highlight</th>
              <td>h</td>
            </tr>
            <tr>
              <th>Speaker Notes</th>
              <td>n</td>
            </tr>
            <tr>
              <th>Toggle 3D</th>
              <td>3</td>
            </tr>-->
            <tr>
              <th>Help</th>
              <td>0</td>
            </tr>
          </tbody>
        </table>
      </aside>
    </div> <!-- presentation -->

    <!--[if lt IE 9]>
    <script 
      src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
    </script>
    <script>CFInstall.check({ mode: "overlay" });</script>
    <![endif]-->

    <script src="includes/js/prettify.js" onload="prettyPrint();" defer=""></script>
    <script src="includes/js/utils.js"></script>
    <!--<script src="includes/main.js" type="text/javascript"></script>-->
    <script>
     
      
      
      
      // Check if new appcache is available, load it, and reload page.
      /*
      if (window.applicationCache) {
        window.applicationCache.addEventListener('updateready', function(e) {
          if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
            window.applicationCache.swapCache();
            if (confirm('A new version of this site is available. Load it?')) {
              window.location.reload();
            }
          }
        }, false);
      }
      */
      
      
	/*
	// google analytics
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-15028909-5']);
      _gaq.push(['_trackPageview']);
      _gaq.push(['_trackPageLoadTime']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
      */
    </script>
  
</body></html>